<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <!--移动端的兼容-->
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>验证信息</title>
    <link rel="stylesheet" type="text/css" href="../common_css/common.css" />
    <link rel="stylesheet" type="text/css" href="../font/iconfont.css" />
    <script src="../common_js/common_font.js"></script>
    <link rel="stylesheet" type="text/css" href="../common_css/jquery-weui.css" />
    <!--<link rel="stylesheet" type="text/css" href="css/chooserecharge.css" />-->
    <style type="text/css">
    /*最外测的div*/
    
    #account_statistic_main {
        width: 100%;
        min-width: 320px;
        height: 100%;
        background-color: #F7F7F7;
        box-sizing: border-box;
        position: relative;
    }
    /*充值成功*/
    
    .chongzhichenggong {
        width: 120px;
        height: 30px;
        background-color: black;
        line-height: 30px;
        text-align: center;
        color: white;
        border-radius: 20px;
        font-size: 12px;
        position: absolute;
        top: 0px;
        left: 0px;
        bottom: 0px;
        right: 0px;
        margin: auto;
    }
    /*头部*/
    
    #account_statistic_header {
        width: 100%;
        height: 50px;
        background-color: #21538D;
        text-align: center;
        line-height: 50px;
        color: white;
        font-size: 18px;
        position: fixed;
        top: 0px;
    }
    
    #account_statistic_header span {
        float: left;
        font-size: 25px;
    }
    
    #account_statistic_header font {
        margin-left: -25px;
        font-size: 18px;
    }
    
    .icon_fanhui {
        font-size: 25px;
    }
    /*身体部分*/
    
    #account_statistic_body {
        width: 100%;
        background-color: #F7F7F7;
        margin-top: 50px;
    }
    /*每一行的银行卡的内容*/
    
    .account_statistic_body_1 {
        width: 100%;
        height: 60px;
        background-color: white;
        border-bottom: 1px solid #F7F7F7;
        font-size: 16px;
        font-family: "微软雅黑";
    }
    
    .statistic_body_1_left {
        float: left;
        margin-left: 2.5%;
        color: #6F6F6F;
    }
    /*<!--选择充值方式-->*/
    
    .choose_way {
        width: 100%;
        height: 40px;
        background-color: #F7F7F7;
        color: #C5C5C5;
        line-height: 40px;
        padding-left: 2.5%;
        font-size: 14px;
    }
    /*<!--银行的logo-->*/
    
    .chooserecharge_cardimg {
        float: left;
        /*border: 1px solid red;*/
    }
    
    .chooserecharge_cardimg img {
        width: 30px;
        height: 30px;
        margin: 14px 0px 0px 0px;
    }
    /*<!--银行卡名以及尾号-->*/
    
    .chooserecharge_cardnum {
        float: left;
        margin-left: 25px;
        /*border: 1px solid blue;*/
        height: 58px;
    }
    
    .chooserecharge_cardnum_card {
        margin-top: 10px;
        font-size: 16px;
        letter-spacing: 2px;
    }
    
    .chooserecharge_cardnum_num {
        margin-top: 3px;
        font-size: 12px;
        color: gainsboro;
    }
    /*<!--充值金额-->*/
    
    .choosecharge_money {
        width: 100%;
        min-width: 320px;
        height: 60px;
        /*border: 1px solid red;*/
        margin-top: 10px;
        border-bottom: 1px solid #F7F7F7;
        background-color: white;
    }
    
    .choosecharge_money_left {
        height: 58px;
        line-height: 58px;
        font-size: 16px;
        /*border: 1px solid blue;*/
        float: left;
        padding-left: 2.5%;
        opacity: 0.5;
    }
    
    .choosecharge_money_right {
        width: 150px;
        height: 56px;
        line-height: 56px;
        font-size: 16px;
        /*border: 1px solid yellow;*/
        float: right;
        margin-right: 10px;
    }
    
    .choosecharge_money_right input {
        width: 150px;
        height: 30px;
        line-height: 30px;
        font-size: 14px;
        /*border: 1px solid green;*/
        text-align: right;
        border: none;
        outline: none;
    }
    /*选择充值额度*/
    
    .choose_way_edu {
        width: 100%;
        height: 40px;
        font-size: 14px;
        color: #C5C5C5;
        line-height: 40px;
        padding-left: 2.5%;
        background-color: white;
    }
    /*选择充值额度的钱*/
    
    .choose_way_edu_money {
        width: 100%;
        height: 100px;
        /*border: 1px solid red;*/
        background-color: white;
        font-family: "微软雅黑";
    }
    
    .choose_way_edu_money_1 {
        width: 100%;
        height: 50px;
        /*border: 1px solid blue;*/
        line-height: 50px;
    }
    
    .edu_money_every {
        width: 33.33%;
        height: 50px;
        /*border: 1px solid red;*/
        float: left;
    }
    
    .edu_money_every_1 {
        width: 70%;
        height: 40px;
        border: 1px solid #C5C5C5;
        color: #C5C5C5;
        margin: auto;
        margin-top: 5px;
        line-height: 40px;
        text-align: center;
    }
    /*确认提交的按*/
    
    .revisepassword_body_confirm {
        width: 95%;
        height: 40px;
        background-color: #21538D;
        color: white;
        line-height: 40px;
        text-align: center;
        font-size: 14px;
        border-radius: 10px;
        margin: auto;
        margin-top: 30px;
    }
    </style>
</head>

<body>
    <!------总div------->
    <div id="account_statistic_main">
        <!------头部------->
        <div id="account_statistic_header">
            <span class="iconfont icon-back icon_fanhui"></span>
            <font>验证信息</font>
        </div>
        <!----身体------->
        <div id="account_statistic_body">
            <!--选择充值方式-->
            <div class="choose_way">
                选择充值方式
            </div>
            <!------银行卡信息------->
            <div class="account_statistic_body_1">
                <div class="statistic_body_1_left">
                    <!--银行的logo-->
                    <div class="chooserecharge_cardimg">
                        <img src="../commonimg/bank_for_jian_she.png" />
                    </div>
                    <!--银行卡名以及尾号-->
                    <div class="chooserecharge_cardnum">
                        <p class="chooserecharge_cardnum_card">中国建设银行</p>
                        <p class="chooserecharge_cardnum_num"><span>尾号</span>&nbsp;<span>1234</span></p>
                    </div>
                </div>
            </div>
            <!------支付宝充值------->
            <div class="account_statistic_body_1">
                <div class="statistic_body_1_left">
                    <!--支付宝的logo-->
                    <div class="chooserecharge_cardimg">
                        <img src="../commonimg/支付宝支付@2x.png" />
                    </div>
                    <!--支付宝帐名以及尾号-->
                    <div class="chooserecharge_cardnum">
                        <p class="chooserecharge_cardnum_card">支付宝充值</p>
                        <p class="chooserecharge_cardnum_num"><span>尾号</span>&nbsp;<span>1234</span></p>
                    </div>
                </div>
            </div>
            <!------微信支付充值------->
            <div class="account_statistic_body_1">
                <div class="statistic_body_1_left">
                    <!--微信的logo-->
                    <div class="chooserecharge_cardimg">
                        <img src="../commonimg/微信支付 @2x.png" />
                    </div>
                    <!--支付宝帐名以及尾号-->
                    <div class="chooserecharge_cardnum">
                        <p class="chooserecharge_cardnum_card">微信支付充值</p>
                        <p class="chooserecharge_cardnum_num"><span>尾号</span>&nbsp;<span>1234</span></p>
                    </div>
                </div>
            </div>
            <!--充值金额-->
            <div class="choosecharge_money">
                <div class="choosecharge_money_left">
                    充值金额（元）
                </div>
                <div class="choosecharge_money_right">
                    <input type="text" placeholder="手动输入充值金额" />
                </div>
            </div>
            <!--选择充值额度-->
            <div class="choose_way_edu">
                选择充值额度
            </div>
            <!--充值额度的多项-->
            <div class="choose_way_edu_money">
                <div class="choose_way_edu_money_1">
                    <div class="edu_money_every">
                        <div class="edu_money_every_1">
                            1元
                        </div>
                    </div>
                    <div class="edu_money_every">
                        <div class="edu_money_every_1">
                            10元
                        </div>
                    </div>
                    <div class="edu_money_every">
                        <div class="edu_money_every_1">
                            100元
                        </div>
                    </div>
                </div>
                <div class="choose_way_edu_money_1">
                    <div class="edu_money_every">
                        <div class="edu_money_every_1">
                            1000元
                        </div>
                    </div>
                    <div class="edu_money_every">
                        <div class="edu_money_every_1">
                            10000元
                        </div>
                    </div>
                    <div class="edu_money_every">
                        <div class="edu_money_every_1">
                            50000元
                        </div>
                    </div>
                </div>
            </div>
            <!------充值成功------->
            <div class="revisepassword_body_confirm">
                充值成功
            </div>
        </div>
        <!--充值成功-->
        <div class="chongzhichenggong">
            支付成功
        </div>
    </div>
    <script src="../common_js/jquery-1.11.0.min.js"></script>
    <script src="../common_js/onclick_pop_view.js"></script>
    <script type="text/javascript">
    var getin_money = $(".edu_money_every_1");
    for (var i = 0; i < getin_money.length; i++) {

        getin_money[i].onclick = function() {
            for (var h = 0; h < getin_money.length; h++) {
                getin_money[h].style.border = "1px solid #C5C5C5";
                getin_money[h].style.color = "#C5C5C5"
            }
            this.style.border = "1px solid #21538D";
            this.style.color = "#21538D";
        }

    }
    </script>
</body>

</html>
